@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal"  id="detailForm">


            <div class="row">
                <table id="table1" class="col-sm-6" border="3" style="table-layout: fixed;">
                    <caption align="top"><h4>借款信息</h4></caption>
                    <tr>
                        <th style="text-align:center" width="100">期望金额</th>
                        <th style="text-align:center" width="100">借款周期</th>
                        <th style="text-align:center" width="100">到账时间</th>
                        <th style="text-align:center" width="100">创建时间</th>
                    </tr>
                </table>
            </div>

            <div class="row">
                <table id="table2" class="col-sm-6" border="3" style="table-layout: fixed;">
                    <caption align="top"><h4>信用卡信息</h4></caption>
                    <tr>
                        <th style="text-align:center" width="200px">卡号</th>
                        <th style="text-align:center" width="100px">所属银行</th>
                        <th style="text-align:center" width="100px">预留手机号</th>
                        <th style="text-align:center" width="100px">交易次数</th>
                        <th style="text-align:center" width="100px">交易金额</th>
                        <th style="text-align:center" width="80px">绑定状态</th>
                        <th style="text-align:center" width="120px">绑定时间</th>
                    </tr>

                </table>
            </div>

            <div class="row">
                <table id="table3" class="col-sm-6" border="3" style="table-layout: fixed;">
                    <caption align="top"><h4>储蓄卡信息</h4></caption>
                    <tr>
                        <th style="text-align:center" width="200">卡号</th>
                        <th style="text-align:center" width="100">所属银行</th>
                        <th style="text-align:center" width="100">预留手机号</th>
                        <th style="text-align:center" width="50">绑定状态</th>
                        <th style="text-align:center" width="100">绑定时间</th>
                    </tr>

                </table>
            </div>

            <div class="row">
                <table id="table4" class="col-sm-6" border="3" style="table-layout: fixed;">
                    <caption align="top"><h4>取现记录</h4></caption>
                    <tr>
                        <th style="text-align:center" width="100">订单号</th>
                        <th style="text-align:center" width="100">姓名</th>
                        <th style="text-align:center" width="100">手机号</th>
                        <th style="text-align:center" width="150">支付流水号</th>
                        <th style="text-align:center" width="150">结算流水号</th>
                        <th style="text-align:center" width="100">取现金额</th>
                        <th style="text-align:center" width="100">到账金额</th>
                        <th style="text-align:center" width="100">手续费率</th>
                        <th style="text-align:center" width="100">手续费</th>
                        <th style="text-align:center" width="150">取现卡</th>
                        <th style="text-align:center" width="150">到账卡</th>
                        <th style="text-align:center" width="100">交易状态</th>
                        <th style="text-align:center" width="200">交易时间</th>
                    </tr>
                </table>
            </div>
        </div>

    </div>
</div>

<input type = "hidden" id="test1" value='${borrowerInfoList}'>
<input type = "hidden" id="test2" value='${creditInfoList}'>
<input type = "hidden" id="test3" value='${debitInfoList}'>
<input type = "hidden" id="test4" value='${creditOrderInfoInfoList}'>

<script src="${ctxPath}/static/modular/customer/customerCenter/customerCenter_detail.js"></script>
@}
